  <div class="row">
      <div class="col-md-6 col-sm-8 col-sm-push-2">
        <form action="#" method="post" class="form form-horizontal" [formGroup]="accountForm">
            <div class="one-form-header"></div>
            <div class="one-form-body">
                <div class="form-group">
                    <label for="accountName" class="col-sm-4 control-label"><span style="color: red;">*</span> 账户名:</label>
                    <div class="col-sm-8 ">
                        <input type="hidden" id="id" formControlName="id" name="id">
                        <input type="text" class="form-control" id="accountName"  formControlName="accountName" required maxlength="16" minlength="3">
                        <div *ngIf="formErrors.accountName" class="has-error">
                            <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.accountName}} </label>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <label for="account_add_pwd" class="col-sm-4 control-label"><span style="color: red;">*</span> 密码:</label>
                    <div class="col-sm-8 ">
                        <input type="password" class="form-control" id="account_add_pwd" formControlName="password" required>
                        <div *ngIf="formErrors.password" class="has-error">
                            <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.password}} </label>
                        </div>
                    </div>
                </div>

                <div class="form-group">
                    <label for="account_add_repwd" class="col-sm-4 control-label" ><span style="color: red;">*</span> 确认密码:</label>
                    <div class="col-sm-8 ">
                        <input type="password" class="form-control" id="account_add_repwd" formControlName="confirmPassword" required>
                        <div *ngIf="formErrors.confirmPassword" class="has-error">
                            <label class="control-label"><i class="fa fa-times-circle-o"></i>{{formErrors.confirmPassword}} </label>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <label class="col-sm-4 control-label"  >启用:</label>
                    <div class="col-sm-8 ">
                        <div class="row">
                            <div class="col-xs-4">
                                <input type="radio" id="account_enable_yes" value="1" formControlName="isEnable">
                                <label for="account_enable_yes">
                                    启用
                                </label>
                            </div>
                            <div class="col-xs-4">
                                <input type="radio" id="account_enable_no" formControlName="isEnable" checked value="0">
                                <label for="account_enable_no">
                                    禁用
                                </label>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <label class="col-sm-4 control-label"  >审核:</label>
                    <div class="col-sm-8 ">
                        <div class="row">
                            <div class="col-xs-4">
                                <div>
                                    <input type="radio" name="isAudit" id="account_audit_yes" value="1" formControlName="isAudit">
                                    <label for="account_audit_yes">
                                        审核
                                    </label>
                                </div>
                            </div>
                            <div class="col-xs-4">
                                <input type="radio" name="isAudit" id="account_audit_no" formControlName="isAudit" checked value="0" >
                                <label for="account_audit_no">
                                    未审核
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <label class="col-sm-4 control-label"  >PC端登陆:</label>
                    <div class="col-sm-8 ">
                        <div class="row">
                            <div class="col-xs-4">
                                <div>
                                    <input type="radio" name="isAllowPc" id="account_pc_yes" value="1" formControlName="isAllowPc">
                                    <label for="account_pc_yes">
                                        允许
                                    </label>
                                </div>
                            </div>
                            <div class="col-xs-4">
                                <input type="radio" name="isAllowPc" id="account_pc_no" formControlName="isAllowPc" checked  value="0">
                                <label for="account_pc_no">
                                    禁止
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <label class="col-sm-4 control-label">移动端登录:</label>
                    <div class="col-sm-8 ">
                        <div class="row">
                            <div class="col-xs-4">
                                <div>
                                    <input type="radio" name="isAllowApp" id="account_app_yes" value="1" formControlName="isAllowApp">
                                    <label for="account_app_yes">
                                        允许
                                    </label>
                                </div>
                            </div>
                            <div class="col-xs-4">
                                <input type="radio" name="isAllowApp" id="account_app_no" formControlName="isAllowApp" checked value="0">
                                <label for="account_app_no">
                                    禁止
                                </label>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="one-form-footer">
                <div class="pull-right">
                    <button class="btn btn-default" type="reset" (click)="cancelAccountAdd()">取消</button>
                    <button class="btn btn-success" type="button" [disabled]="!accountForm.valid" (click)="onSubmit()" >提交</button>
                    <button class="btn btn-success" type="button" (click)="assignRolesForAccount()" [disabled]="!accountForm.valid">分配角色</button>
                </div>
            </div>
        </form>
      </div>
  </div>
